<template>
  <div class="max">
    <p class="je">选择充值金额</p>
    <div class="sl">
      <div class="box1">
        <div class="much">
          <span class="m1">1000元</span>
          <img src="/static/imgs_s06/s06_trigon.png" alt />
        </div>
        <div class="much">
          <span class="m1">500元</span>
        </div>
        <div class="much">
          <span class="m1">300元</span>
        </div>
      </div>
      <div class="box1">
        <div class="much">
          <span class="m1">200元</span>
        </div>
        <div class="much">
          <span class="m1">100元</span>
        </div>
        <div class="much">
          <span class="m1">50元</span>
        </div>
      </div>
      <div class="box1">
        <div class="much">
          <span class="m1">30元</span>
        </div>
        <div class="much">
          <span class="m1">10元</span>
        </div>
        <div class="much">
          <span class="m2">自定义金额</span>
        </div>
      </div>
      <button>立即充值</button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {},

  created() {
    // let app = getApp()
  }
};
</script>
    <style>
.max {
  width: 100%;
  overflow: hidden;
}

.je {
  font-size: 15px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 20px;
  margin: 21px 0 25px 16px;
}

.sl {
  display: flex;
  flex-direction: column;
  margin: 0 0 65px 15px;
}

.box1 {
  display: flex;
  flex-direction: row;
}

.much {
  position: relative;
  width: 100px;
  height: 60px;
  text-align: center;
  border: 1px solid #ddd;
  margin-right: 22px;
  margin-bottom: 22px;
}

img {
  position: absolute;
  left: 77px;
  top: 41px;
  width: 20px;
  height: 19px;
}

.m1 {
  font-size: 17px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 60px;
}

.m2 {
  font-size: 14px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  line-height: 60px;
}

button {
  width: 345px;
  height: 39px;
  background: rgba(50, 178, 108, 1);
  border-radius: 20px;
  font-size: 14px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  /* line-height: 20px; */
  margin-top: 65px;
}
</style>
